<template>
	<view class="box1">
		<view class="" style="background-color: #fff;">
			<Title :txt="'Fil设备'" :showback="true"></Title>
			<view class="selecttab mgt20 fsc">
				<view :class="[index==0?'active':'noactive','item', 'f16']" @click="select(0)">
					全部
				</view>
				<view :class="[index==1?'active':'noactive','item', 'f16']"  @click="select(1)">
					上架中
				</view>
				<view :class="[index==2?'active':'noactive','item', 'f16']"  @click="select(2)">
					封装期
				</view>
				<view :class="[index==3?'active':'noactive','item', 'f16']"  @click="select(3)">
					挖矿中
				</view>
				<view :class="[index==4?'active':'noactive','item', 'f16']"  @click="select(4)">
					已到期
				</view>
			</view>
		</view>
		<view class="list mgt12" @click="gotoEquipDetail()">
			<view class="fsc">
				<view class="f12 grcolor">
					订单号：27816899
				</view>
				<view class="f12 grcolor">
					2021-5-12 12:23:12
				</view>
			</view>
			<view class="fcs mgt12">
				<image src="../../static/banner.png" mode="" style="width: 144rpx;height: 144rpx;margin-right: 32rpx;"></image>
				<view class="fcff">
					<view class="f14">
						存储式服务器A-1
					</view>
					<view class="mgt10 f12 grcolor">
						存储容量： 16 T
					</view>
					<view class="fsc mgt10">
						<view class="">
							<view class="fsc">
								<view class="f12 grcolor">
									单价：
								</view>
								<view class=" f12">
									38718.98 USDT
								</view>
							</view>
							
						</view>
						<view class="f14 orcolor po">
							x3
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="list mgt12" @click="gotoEquipDetail()">
			<view class="fsc">
				<view class="f12 grcolor">
					订单号：27816899
				</view>
				<view class="f12 grcolor">
					2021-5-12 12:23:12
				</view>
			</view>
			<view class="fcs mgt12">
				<image src="../../static/banner.png" mode="" style="width: 144rpx;height: 144rpx;margin-right: 32rpx;"></image>
				<view class="fcff">
					<view class="f14">
						存储式服务器A-1
					</view>
					<view class="mgt10 f12 grcolor">
						存储容量： 16 T
					</view>
					<view class="fsc mgt10">
						<view class="">
							<view class="fsc">
								<view class="f12 grcolor">
									单价：
								</view>
								<view class=" f12">
									38718.98 USDT
								</view>
							</view>
							
						</view>
						<view class="f14 orcolor po">
							x3
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default{
		data(){
			return{
			list:[{name:"提币",number:-25.00000,time:'2020.09.29 15:04:51'}],
				status:0,
				index:0
			}
		},
		methods:{
			select(index){
				this.index=index
			},
			gotoEquipDetail(){
				uni.navigateTo({
					url:"./equipdetail"
				})
			}
		}
	}
</script>

<style lang="less">
	page{
		background-color:#F9FAFB ;
	}
	body,html{
		background-color: #fff;
	}
	.box1{
		.selecttab{
			padding: 0 18rpx;
			.item{
				padding: 0 20rpx 14rpx 20rpx;
			}
			.active{
				color: #1372DF;
				border-bottom: 2rpx solid #1372DF;
			}
			.noactive{
				color: #C9CDD6;
			}
		}
		.list{
			width: 642rpx;
			height: 252rpx;
			opacity: 1;
			background: #ffffff;
			border-radius: 24rpx;
			margin-left: auto;
			margin-right: auto;
			padding: 36rpx;
			position: relative;
			.po{
				position: absolute;
				right: 0;
				bottom: 0;
			}
		}
	}

</style>
